<template>
  <h1>B Index</h1>
  <div class="box">
    <!-- 在父路由 Index 组件中的命名视图，存放的是子路由的 Inner1 组件 -->
    <router-view name="B"></router-view>
  </div>
  <!-- router-link 可以设置路由跳转链接，通过 to 属性可以设置跳转目的路径或目的名 -->
  <!-- 设置 replace 属性，不保留历史记录进行跳转 -->
  <!-- 点击该链接，跳转到 /index/inner2 采用 path 形式，且设置 replace 不留下历史记录 -->
  <router-link to="/index/inner2" replace>inner2(replace)</router-link>
</template>
<script setup lang="ts">
</script>
<style scoped lang="less">
.box {
  width: 200px;
  height: 200px;
  background-color: lightblue;
  flex-direction: column;
  align-items: center;
}
</style>
